<!doctype html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>王震—面试前端开发—2020</title>
    <link rel="stylesheet" href="./css/main.css" media="(min-width:426px)">
    <link rel="stylesheet" href="./css/phone.css" media="(max-width:425px)">
    <link rel="stylesheet" href="./css/print.css" media="print">
</head>

<body>
<div id="page" class="layout">
    <header>
        <div class="resume-link">
<!--            <a href="http://sunnywanggitee.gitee.io/myresume">点击查看：简历在线版</a>-->
        </div>
        <h1>王二狗</h1>
        <p>1年经验|应聘前端开发</p>
    </header>
    <aside>
        <div class="avader">
            <img src="https://pic4.zhimg.com/v2-7037c92ac5a9e1ac1232293317dcdd68_xl.jpg" alt="头像">
        </div>
        <section>
            <div class="personal">
                <h2>基本信息</h2>
                <div class="item">
                    <span>性别</span>
                    <span>男</span>
                </div>
                <div class="item">
                    <span>年龄</span>
                    <span>24</span>
                </div>
                <div class="item">
                    <span>住址</span>
                    <span>杭州</span>
                </div>
                <!-- <div class="item">
                    <span>经验</span>
                    <span>1年</span>
                </div>   -->
                <div class="item">
                    <span>学校</span>
                    <span>xx科技大学</span>
                </div>
                <div class="item">
                    <span>专业</span>
                    <span>暖通工程</span>
                </div>
                <div class="item">
                    <span>学历</span>
                    <span>大学本科</span>
                </div>
                <div class="item">
                    <span>英语</span>
                    <span>CET-4</span>
                </div>
            </div>
        </section>
        <section>
            <div class="skills">
                <h2>相关技能</h2>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>CSS3/HTML5/Grid/Flex</p>
<!--                    <p class="rule"><i style="width: 75%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>JavaScript/TypeScript/ES6</p>
<!--                    <p class="rule"><i style="width: 75%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>Vue/Vuex/Vue Router/Axios</p>
<!--                    <p class="rule"><i style="width: 65%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight" style="color: #666666">
                                了解</span>React/Redux/ReactRouter</p>
                    <!--                    <p class="rule"><i style="width: 70%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>微信小程序/移动端开发</p>
                    <!--                    <p class="rule"><i style="width: 80%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>Bootstrap/ElementUI/Antd</p>
<!--                    <p class="rule"><i style="width: 80%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>MVC/MVVM</p>
<!--                    <p class="rule"><i style="width: 60%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight" style="color: #666666">
                                了解</span>Webpack/Parcel/Npm/Yarn</p>
<!--                    <p class="rule"><i style="width: 70%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>git/github</p>
<!--                    <p class="rule"><i style="width: 50%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>Sass/Less/Babel</p>
<!--                    <p class="rule"><i style="width: 73%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟练</span>阅度英文文档/使用google</p>
                    <!--                    <p class="rule"><i style="width: 73%"></i></p>-->
                </div>
                <div class="item">
                    <p class="keyword"><span class="highlight">
                                熟悉</span>Axure/PS/AI/CDR</p>
<!--                    <p class="rule"><i style="width:70%"></i></p>-->
                </div>
            </div>
        </section>
        <section>
            <div class="contact">
                <h2>联系方式</h2>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-phone"></use>
                    </svg>
                    <span>xxxxxxxxx</span>
                </div>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin"></use>
                    </svg>
                    <span>xxxxxxxxx</span>
                </div>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-email"></use>
                    </svg>
                    <span>xxxxxxxxx</span>
                </div>
            </div>
        </section>
        <section>
            <div class="more">
                <h2>了解更多</h2>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-blog"></use>
                    </svg>
                    <span class="link"><a href="http://sunnywanggitee.gitee.io/blog">我的个人博客</a></span>
                </div>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-github"></use>
                    </svg>
                    <span class="link"><a href="https://github.com/sunnywanggit">访问 GitHub</a></span>
                </div>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-juejin"></use>
                    </svg>
                    <span class="link"><a
                            href="https://juejin.im/user/577ed755a341310061abc214/posts">浏览掘金主页</a></span>
                </div>
                <div class="item">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhihu"></use>
                    </svg>
                    <span class="link"><a
                            href="https://www.zhihu.com/people/fushangdashu">浏览知乎主页</a></span>
                </div>
            </div>
        </section>
        <section>
            <div class="more">
                <h2>技术文章</h2>
                <div class="item">
                    <span class="link"><a href="https://juejin.im/post/5e74e690e51d4526d87c93df">3000字说说跨域！</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e739534e51d4526f23a4150">20k的前端这样写事件委托</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e6ba8f2e51d4527235b77a8">实现instanceof并说明原理</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/%E4%BB%8E%E7%BB%A7%E6%89%BF%E8%AF%B4%E5%88%B0%E5%8E%9F%E5%9E%8B%E9%93%BE.html#%E5%9F%BA%E4%BA%8E%E5%8E%9F%E5%9E%8B%E7%9A%84%E7%BB%A7%E6%89%BF">从继承说到原型链</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/Vue/2020/SPA%E5%BA%94%E7%94%A8SEO%E4%BC%98%E5%8C%96%E7%9A%84%E5%9B%9B%E7%A7%8D%E6%80%9D%E8%B7%AF.html">SPA应用SEO的4种思路</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e627c9af265da571a39dc28">15+JS简写骚操作(译文)</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e0e173ce51d45416308b36e">8种方法教你遍历数组(译文)</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e6600fc5188252c1f223f34">手写函数防抖</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="https://juejin.im/post/5e6287226fb9a07ccc45fae2">手写函数节流</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/jQuery/2020/%E6%89%8B%E5%86%99jQuery.html#%E6%98%AF%E9%80%89%E6%8B%A9%E5%99%A8%E5%90%97">手写jQuery</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/HTML5/2020/%E5%9B%9E%E6%B5%81%E5%92%8C%E9%87%8D%E7%BB%98.html#%E5%9B%9E%E6%B5%81">回流和重绘及其优化方法总结</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/ES6%E6%80%BB%E7%BB%93.html">ES6学习总结</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/%E6%B5%85%E6%9E%90%E5%89%8D%E7%AB%AF%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B.html#%E4%BC%A0%E7%BB%9F%E7%9A%84%E5%AE%9A%E6%97%B6%E5%99%A8%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B">浅析前端异步编程</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/%E8%87%AA%E5%88%B6TypeScript%E7%AE%80%E6%98%93%E7%89%88%E6%95%99%E7%A8%8B.html#%E5%8E%9F%E5%A7%8B%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B-%E8%81%94%E5%90%88%E7%B1%BB%E5%9E%8B">自制TS简易版教程</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/HTML5/2019/Canvas.html">自制Canvas简易版教程</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/HTML5/2020/flex%E7%AE%80%E6%98%93%E7%89%88%E6%95%99%E7%A8%8B.html#parent-properties">自制flex简易版教程</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/mocha.html#%E6%96%AD%E8%A8%80">使用mocha进行单元测试</a></span>
                </div>
                <div class="item">
                    <span class="link"><a
                            href="http://sunnywanggitee.gitee.io/blog/views/JavaScript/2020/chai.html#bdd">使用chai进行单元测试</a></span>
                </div>
            </div>
        </section>
    </aside>
    <main>
        <section>
            <h2>工作经历</h2>
            <div class="item">
                <h3 style="color: #2397DF"> 某某公司 <strong style="border-bottom: 1px solid"> xx年x月——xx年xx月</strong> xx岗位</h3>
                <ul>
                    <li>
                        xx工作内容
                    </li>
                </ul>
            </div>
            <!-- <div class="item">
                <h3 style="color: #2397DF">xxxxx  <strong style="border-bottom: 1px solid"> xxxxx  </strong>xxxxx</h3>
                <ul>
                    <li>
                        xxxxxxxxxxxxxxxxxxxxxxxxxx
                    </li>
                </ul>
            </div> -->
        </section>
        <section>
            <h2>项目经历</h2>
            <div class="item">
                <h3 style="color: #2397DF">1.sunny UI   <span style="font-size: 12px">(个人开源项目)</span></h3>
                <img src="./img/sunnyUI.png" alt="sunny UI">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>该项目是参照 Framework7、Ant Design、Element UI、iView 等 UI 库思路，做的一套基于 Vue
                        的简易<span class="highlight"> UI
                                组件库</span>，目前已支持按钮、输入框、网格、布局等UI组件。Toast、Tabs、Popover、手风琴等目前正在开发中。
                        <br>每个组件均经历从<span
                            class="highlight">需求分析</span>到<span class="highlight">
                                Mocha 单元测试</span>，并用<span class="highlight"> TravisCI
                                实现持续集成</span>，最终以 VuePress 为基础<span class="highlight">制作官方文档</span>，发布于
                        npmjs.org。<br>完成该项目使我对 Vue
                        的常用特征更加熟悉，同时提升了自己对<span class="highlight">前端工程化流程以及单元测试重要性的深刻理解</span>，
                        近一步了解开源文化。
                    </li>
                    <li><strong>技术栈：Vue.js/ VuePress/ ES6/ Parcel/ Npm Scripts/ Mocha/ SCSS/ TravisCI</strong></li>
                    <li><a
                                href="https://gitee.com/sunnywanggitee/gulu" style="padding: 0;"><strong>项目源码</strong></a>
                        <a
                                href="http://sunnywanggitee.gitee.io/gulu"><strong>在线预览</strong></a>
                    </li>
                </ul>
            </div>
            <div class="item">
                <h4 style="color: #2397DF">2.CourseSystem课程管理系统<span style="font-size: 13px"></span></h4>
                <img src="./img/course.png" alt="CourseSystem">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>该项目是一款基于<span class="highlight">Vue全家桶</span>+<span class="highlight">TypeScript</span>+
                        <span class="highlight">echarts</span>
                        的<span class="highlight">后台管理系统</span>
                    </li>
                    <li>
                        <strong>实现功能：</strong>该项目使用<span class="highlight">axios</span>封装数据请求，以<span class="highlight">Vuex</span>管理全局数据状态，
                        通过<span class="highlight">echarts</span>动态展示图表， 包含<span class="highlight">数据管理</span>、<span class="highlight">表格管理</span>、
                        <span class="highlight">图表管理</span>、表单管理、账户管理、个人中心等后台页面，实现的功能包括<span class="highlight">校验登录</span>、
                        <span class="highlight">密码找回</span>、<span class="highlight">编辑课程</span>、<span class="highlight">绘制图表</span>、
                        <span class="highlight">编辑账户</span>、<span class="highlight">动态控制路由权限</span>等功能。

                    </li>
                    <li><strong>技术栈：TypeScript/ Echarts/ VueCLI3/ Axios/ VueRouter/ Vuex/ ElementUI</strong></li>
                    <li>
<!--                        <a-->
<!--                                href="http://portal.gtcloud.cn/" style="padding: 0;"><strong>在线预览</strong>(仅支持PC端，目前无访问权限)</a>-->
                    </li>
                </ul>
            </div>
            <div class="item">
                <h4 style="color: #2397DF">3.绿城建筑科技集团OA系统<span style="font-size: 13px">(公司项目)</span></h4>
                <img src="./img/oa.png" alt="OA系统">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>该项目为绿城建筑科技集团内部的一套办公自动化系统，使用原生<span class="highlight">jQuery</span>进行开发，用<span class="highlight">
                        AUI</span>作为页面交互。
                    </li>
                    <li>
                        <strong>个人职责：</strong>在该项目中我主要负责通讯录，流程中心，费控门户等前后台页面的开发及优化工作。同时跟进项目上线后的问题及修复。

                    </li>
                    <li>
                        <strong>技术栈：jQuery/Ajax/AUI</strong>

                    </li>

                    <li>
                        <a
                                href="http://portal.gtcloud.cn/" style="padding: 0;"><strong>在线预览</strong>(仅支持PC端，目前无访问权限)</a>
                    </li>
                </ul>
            </div>
            <div class="item">
                <h3 style="color: #2397DF">4.鲨鱼记账</h3>
<!--                <img src="./img/blog-client.png" alt="Vue-Blog">-->
                <ul>
                    <li>
                        <strong>项目介绍：</strong>鲨鱼记账是一款极简的记账产品，也是一款基于 Vue、<span class="highlight">TypeScript</span>
                        、Vuex、Vue Router实现的单页面应用。由本人独立设计及实现，期间遇到了很多了很多Webpack、TypeScript方面的问题，并将解决的
                        过程记录在 <a href="https://juejin.im/user/577ed755a341310061abc214">个人博客</a>。源代码几乎完全用TypeScript实现，用到了装饰器等语法。
                        <br><strong>实现功能：</strong>包含<span
                            class="highlight">明细、记账、图表</span>等页面，实现了<span
                            class="highlight">记账、标签管理、数据统计等功能</span>。<br>项目使用以 Vue CLI 为基础创建项目模版，使用 Less 作<span class="highlight"> CSS
                                预处理</span>，通过 Vue
                        Router 实现<span class="highlight">路由的跳转</span>，通过
                        vuex 实现<span class="highlight">状态管理</span>，用<span class="highlight"> Axios
                                获取数据</span>，并对<span class="highlight">接口进行了封装</span>。
                    </li>
                    <li><strong>技术栈：TypeScript/Vue/ Vue CLI/ Axios/ Vue Router/ Vuex/ ES6/ Npm/ Grid/ Less</strong></li>
                    <li>
                        <a
                                href="https://gitee.com/sunnywanggitee/book-accounts-app" style="padding: 0;"><strong>项目源码</strong>(数据统计页面开发中，暂未部署上线）</a>
                    </li>
                </ul>
            </div>

            <div class="item">
                <h3 style="color: #2397DF">5.多用户博客管理系统</h3>
                <img src="./img/blog-client.png" alt="mutile-blog">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>该项目是使 Vue 实现了一个多人在线共享博客系统。
                        <br><strong>实现功能：</strong>包含<span
                            class="highlight">首页、用户文章列表、个人管理</span>等页面，实现了<span
                            class="highlight">登录、注册、编辑、发布</span>等功能。<br>项目使用<span class="highlight">
                                Grid </span>作页面布局，以 Vue CLI 为基础创建项目模版，使用 Less 作<span class="highlight"> CSS
                                预处理</span>，引用
                        Element UI 作<span class="highlight">交互</span>。通过 Vue
                        Router 实现<span class="highlight">路由的跳转、异步加载、权限验证</span>等，通过
                        vuex 实现<span class="highlight">状态管理</span>，用<span class="highlight"> Axios
                                获取数据</span>，并对<span class="highlight">接口进行了封装</span>。
                    </li>
                    <li><strong>技术栈：Vue CLI/ Vue2/ Axios/ Vue Router/ Vuex/ ES6/ Npm/ Grid/ Less</strong></li>
                    <li>
                        <a
                                href="https://github.com/sunnywanggit/mutile-blog" style="padding: 0;"><strong>项目源码</strong></a>
                        <a
                                href="http://sunnywanggitee.gitee.io/mutile-blog"><strong>在线预览</strong>(暂不支持ios端)</a>
                    </li>
                </ul>
            </div>

            <div class="item">
                <h3 style="color: #2397DF">6.miniPPT</h3>
                <img src="./img/mini.png" alt="cnode-ada">
                <img src="./img/miniEdit.png" alt="miniPPT">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>
                        为了节省制作PPT的时间，<span class="highlight">提升工作效率</span>，于是我使用<span class="highlight">纯原生JS</span>
                        ，自己设计并实现了该产品。 该产品基于<span class="highlight">reveal.js</span>，并以<span class="highlight">
                        leancloud</span>作为后端数据存储解决方案。
                        目前已实现的功能有使用markdown进行<span class="highlight">内容编辑</span>、<span class="highlight">图片上传</span>、
                        <span class="highlight">主题特效切换</span>、<span class="highlight">文件下载</span>、
                        <span class="highlight">演讲者模式</span>等功能。登录、注册、多人共享等功能后续会进行完善。<br>
                    </li>
                    <li>
                        <a
                                href="https://gitee.com/sunnywanggitee/miniPPT" style="padding: 0;"><strong>项目源码</strong></a>
                        <a
                                href="http://sunnywanggitee.gitee.io/minippt"><strong>在线预览</strong>(仅支持PC端)</a>
                    </li>

                </ul>
            </div>
            <div class="item">
                <h3 style="color: #2397DF">7.小程序:夕拾Todo（时间管理工具)</h3>
                <img src="./img/tomato.jpeg" alt="拾夕Todo">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>该项目是使用<span class="highlight">原生小程序</span>
                        实现的一个时间管理工具，用于提高工作效率，改善工作学习流程。项目主要包含<span class="highlight">登录</span>
                        、<span class="highlight">创建番茄</span>、<span class="highlight">新建任务</span>
                        、<span class="highlight">修改任务</span>、 <span class="highlight">删除任务</span>、
                        <span class="highlight">问题反馈</span>、<span class="highlight">番茄历史</span>等功能。
                        项目逻辑简单，页面清新，欢迎尝试。
                    </li>
                    <li>
                        <a
                                href="https://github.com/sunnywanggit/mutile-blog" style="padding: 0;"><strong>项目源码</strong></a>
                        <!-- <span>在线预览(微信搜"拾夕Todo")</span> -->
                    </li>
                </ul>
            </div>
            <div class="item">
                <h3 style="color: #2397DF">8.pikachu</h3>
                <img src="./img/Pikachu.png" alt="Pikachu">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>是一个使用<span class="highlight">纯原生 JS </span>开发的，动态显示 CSS
                        画一个皮卡丘过程的小作品。该作品主要思路是通过<span class="highlight">间隔计时器遍历预先设置在 preview
                                标签内代码</span>，将其一个个显示在页面上，并在 style 标签上作同样处理，以使代码 CSS 生效。此外，实现了 CSS 高亮效果及调速功能。
                    </li>
                    <li>
                        <a
                                href="https://gitee.com/sunnywanggitee/pikachu" style="padding: 0;"><strong>项目源码</strong></a>
                        <a
                                href="http://sunnywanggitee.gitee.io/pikachu"><strong>在线预览</strong></a>
                    </li>
                </ul>
            </div>
            <div class="item">
                <h3 style="color: #2397DF">9.sunnyBoard</h3>
                <img src="./img/canvas.png" alt="sunnyBoard">
                <ul>
                    <li>
                        <strong>项目介绍：</strong>sunnyBoard 是使用<span class="highlight">纯原生 JS </span>开发的，主要利用 HTML 5 的<span
                            class="highlight"> Canvas API
                            </span>，是我在学习原生
                        JS 及 Canvas
                        过程中开发的小工具。
                        其提供在<span class="highlight"> PC 及手机端</span>在线画画、橡皮擦、画笔调色、画作删除等功能，并支持画作下载。
                    </li>
                    <li>
                        <a
                                href="https://github.com/sunnywanggit/canvas-drawing-board" style="padding: 0;"><strong>项目源码</strong></a>
                        <a
                                href="https://sunnywanggit.github.io/canvas-drawing-board/"><strong>在线预览</strong></a>
                    </li>
                </ul>
            </div>
        </section>
        <section>
            <h2>关于我</h2>
            <li>熟练 HTML、DIV + CSS 的<span class="highlight">页面布局</span>，能根据设计图<span class="highlight">像素级</span>完成页面制作。</li>

            <li>熟练使用<span class="highlight">flex</span>弹性布局，<span class="highlight">grid</span>网格布局。</li>

            <li>熟悉 HTML 5 及<span class="highlight">语义化</span>，<span class="highlight"> Canvas </span>动画制作，掌握 <span class="highlight">CSS
                    3 动画、过渡效果</span>等常用技术</span>。</li>

            <li>熟悉原生 JavaScript和部分ES6，并理解其重要概念如：<span class="highlight">原型、闭包、作用域链、面对对象、异步操作、跨域、节流、防抖</span>等</li>

            <li>会使用<span class="highlight"> ES6+ </span>、<span class="highlight">
                        TypeScript</span>，熟悉
                <span class="highlight">jQuery</span> 了解其常用 API 及思想。</li>

            <li>熟悉<span class="highlight">小程序</span>开发，并有项目经验。</li>

            <li>熟悉 <span class="highlight">Vue</span> 常用功能，理解如<span class="highlight">生命周期、组件、虚拟 DOM、数据响应式</span>等概念，
                能够使用 Vue 全家桶开发项目，对<span class="highlight"> React</span> 有一定了解。</li>


            <li>熟悉<span class="highlight">模块化、工程化开发</span>流程，能够配置 Webpack。</li>

            <li>有移动端开发经验，会使用<span class="highlight">REM、vw/ vh、响应式</span> 等技术制作适配手机设备的页面。</li>

            <li>了解<span class="highlight"> HTTP </span>相关知识，了解常见的<span class="highlight"> Web 性能优化</span>方案。</li>

            <li>熟练使用<span class="highlight"> VsCode、WebStorm、Sass、Git </span>等开发工具。</li>

            <li>熟悉<span class="highlight">HTTP协议</span>及<span class="highlight">浏览器渲染原理</span></li>
        </section>
        <div class="line"></div>
<!--        <section>-->
<!--            <h2>个人经历</h2>-->
<!--            <div class="experience">-->
<!--                <p>2018 年 7 月毕业于西安科技大学，在校期间成绩优异，曾自学前端及PHP。<br>-->
<!--                    毕业后就绿城建筑科技集团，从事品牌管理相关工作。<br>-->
<!--                    工作期间再次燃起自己对热爱技术，迄今为止利用所有业余时间自学前端近一年。<br>-->
<!--                    热爱 coding，享受调试代码及解决 bug 的过程，享受通过各种代码组合实现自己成果的过程。有良好的代码规范，热衷分享，崇尚开源文化。</p>-->
<!--            </div>-->
<!--        </section>-->
    </main>
    <footer>
        <a href="">Designed by M.salama / Freepik</a>
    </footer>
</div>
<script src="//at.alicdn.com/t/font_1679895_xaj7x280a.js"></script>
</body>

</html>
